<div class="field-wrapper">
    <div class="content"
        [ngStyle]="{'margin-top':componentData.extends.space+'px','margin-bottom':componentData.extends.space+'px'}">
        <div
            [ngClass]="{'line-little': componentData.extends.titleAlignment == 'left', 'line': componentData.extends.titleAlignment != 'left'}">
            <div
                [ngStyle]="{'border-bottom-color': componentData.extends.color, 'border-bottom-style':componentData.extends.style}">
            </div>
        </div>
        <div class="txt" *ngIf="componentData.extends.title"> {{componentData.extends.title}} </div>
        <div
            [ngClass]="{'line-little': componentData.extends.titleAlignment == 'right', 'line': componentData.extends.titleAlignment != 'right'}">
            <div
                [ngStyle]="{'border-bottom-color': componentData.extends.color, 'border-bottom-style':componentData.extends.style}">
            </div>
        </div>
    </div>

</div>